<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">

<head>
    <div th:replace="m/head :: head"></div>

</head>

<body>

<div th:replace="m/head :: body('', 'head-with-menu', '首页')"></div>

<!--主体内容-->
<div class="contentwrap">
    <div class="content-box">
        <div class="top clearfix">
            <div class="left">
                <img th:src="@{/static/m/img/icon/index-icon-1.png}"/>
                <span>作品墙</span>
            </div>
            <div class="right">
                <a th:href="@{'/production?type=work'}">更多</a>
            </div>
        </div>
        <div class="con clearfix">
            <dl th:each="item, index:${videoPage.list}">
                <a th:href="@{'/production/detail/' + ${item.id}}">
                    <dt>
                        <img th:src="${#request.getAttribute('uploadServer') + item.spriteUrl2}"/>
                        <div class="bf-bottom">
                            <i class="iconfont icon-shipin"></i>
                            <span th:text="${item.count}"></span>
                        </div>
                    </dt>
                    <dd>
                        <h3 th:text="${item.name}"></h3>
                        <p th:text="${item.title}"></p>
                    </dd>
                </a>
            </dl>
        </div>
    </div>

    <div class="content-box">
        <div class="top clearfix">
            <div class="left">
                <img th:src="@{/static/m/img/icon/index-icon-2.png}"/>
                <span>短视频制作流程</span>
            </div>
        </div>
        <img th:src="@{/static/m/img/index-video-banner.jpg}" class="process-img"/>
    </div>
    
    
    <div class="index-content">
  		<!--轻松3步，即可获得想要的视频-->
  		<div class="index-con index-con-1">
  			<div class="top clearfix">
	            <div class="left">
	                <img th:src="@{/static/m/img/icon/index-icon-3.png}"/>
	                <span>轻松3步，即可获得想要的视频</span>
	            </div>
	        </div>
  			<div class="index-con-box">
  				<dl>
  					<dt>
  						<img th:src="@{/static/m/img/index-box-icon-1.png}"/>
  					</dt>
  					<dd>
  						<h3>在线注册</h3>
  						<p>领取100元优惠券</p>
  					</dd>
  				</dl>
  				<dl>
  					<dt>
  						<img th:src="@{/static/m/img/index-box-icon-2.png}"/>
  					</dt>
  					<dd>
  						<h3>沟通需求</h3>
  						<p>时刻在线，详细解答</p>
  					</dd>
  				</dl>
  				<dl>
  					<dt>
  						<img th:src="@{/static/m/img/index-box-icon-3.png}"/>
  					</dt>
  					<dd>
  						<h3>轻松下单</h3>
  						<p>即刻下单，无忧售后</p>
  					</dd>
  				</dl>
  			</div>
			<a sec:authorize="not isAuthenticated()" th:href="@{/register}" class="big-btn">立即注册</a>
			<a sec:authorize="isAuthenticated()" href="javascript:;" class="big-btn" onclick="$('#nb_icon_wrap').click();">立即沟通</a>
  		</div>
  		<!--为什么选择巨桃游娱-->
  		<div class="index-con index-con-2">
  			<div class="top clearfix">
	            <div class="left">
	                <img th:src="@{/static/m/img/icon/index-icon-4.png}"/>
	                <span>为什么选择巨桃游娱</span>
	            </div>
	        </div>
  			<div class="index-con-box">
  				<ul>
  					<li>
  						<div class="modle">
  							<h4>专业短视频拍摄团队</h4>
  							<p>“巨桃游娱”采用最严格的拍摄团队录用标准，编剧、导演、制片和剪辑录用前层层筛选，录用后定期培训考核，确保拥有国际一线水准的高质量制作团队</p>
  						</div>
  					</li>
  					<li>
  						<div class="modle">
  							<h4>多对一的管家式服务</h4>
  							<p>“巨桃游娱”都将为每一位客户配备客服、编剧、导演、制片、剪辑各一名，全程时刻在线根据客户的所有需求提供多对一的管家式服务！</p>
  						</div>
  					</li>
  					<li>
  						<div class="modle">
  							<h4>超低的费用标准</h4>
  							<p>打破传统的高昂视频价格市场，低预算也能给你“好莱坞”大片的效果。特色短视频不再是网红的标签，也将是我们大众介绍自我的“名片”</p>
  						</div>
  					</li>
  					<li>
  						<div class="modle">
  							<h4>高效的制作流程</h4>
  							<p>快、精、准的掌握你的需求，平台规范的服务流程和制作体系，高效率的完成拍摄和后期制作，给你最舒适的用户体验</p>
  						</div>
					  </li>
					  <li>
						<div class="modle">
							<h4>海量优质的短视频</h4>
							<p>“巨桃游娱”推出海量优质的短视频给你参考，娱乐性的网红视频、专业的企业宣传视频、量身定制的工作简历和婚恋简历等多种类型的视频</p>
						</div>
					</li>
					<li>
						<div class="modle">
							<h4>独特的短视频定制</h4>
							<p>只要你有想法、要特色，“巨桃游娱”就为你量身定制属于你独一无二的特色“小电影”，专业的拍摄团队供你选择，编剧给你传奇人生，导演配合你演出，你的人生，你做主！</p>
						</div>
					</li>
  				</ul>
  			</div>
  		</div>
  		
  		<!--严格的摄制团队录用标准-->
		<div class="index-con index-con-3">
  			<div class="top clearfix">
	            <div class="left">
	                <img th:src="@{/static/m/img/icon/index-icon-5.png}"/>
	                <span>严格的摄制团队录用标准</span>
	            </div>
	        </div>
  			<div class="index-con-box">
  				<img th:src="@{/static/m/img/index-box-3.png}"/>
  			</div>
  		</div>
  		
  		<!--我们的作品标准-->
  		<div class="index-con index-con-4">
  			<div class="top clearfix">
	            <div class="left">
	                <img th:src="@{/static/m/img/icon/index-icon-6.png}"/>
	                <span>我们的作品标准</span>
	            </div>
	        </div>
  			<div class="index-con-box">
  				<dl>
  					<dt>
  						<img th:src="@{/static/m/img/index-box-icon-4.png}"/>
  					</dt>
  					<dd>
  						<h3>技术性</h3>
  						<p>强大的后期技术给你3D视感</p>
  					</dd>
  				</dl>
  				<dl>
  					<dt>
  						<img th:src="@{/static/m/img/index-box-icon-5.png}"/>
  					</dt>
  					<dd>
  						<h3>创意性</h3>
  						<p>新颖的故事情节搭配独特的你</p>
  					</dd>
  				</dl>
  				<dl>
  					<dt>
  						<img th:src="@{/static/m/img/index-box-icon-6.png}"/>
  					</dt>
  					<dd>
  						<h3>艺术性</h3>
  						<p>唯美的画面结合深入人心的内涵</p>
  					</dd>
  				</dl>
  			</div>
  		</div>
  		
  		<!--我们的承诺-->
  		<div class="index-con index-con-5">
  			<div class="top clearfix">
	            <div class="left">
	                <img th:src="@{/static/m/img/icon/index-icon-7.png}"/>
	                <span style="color: #fff;">我们的承诺</span>
	            </div>
	        </div>
  			<div class="index-con-box">
  				<div class="row-con">
					<div class="row-con-top">
						<img th:src="@{/static/m/img/index-box-icon-7.png}"/>
						<h4>作品承诺</h4>
					</div>
					<div class="row-con-bottom">
						<p>“巨桃游娱”承诺会对给到你的作品进行层层把关，通过专业的质量审核，保证给到你的是精拍细选的产品</p>
					</div>
				</div>
				<div class="row-con">
					<div class="row-con-top">
						<img th:src="@{/static/m/img/index-box-icon-8.png}"/>
						<h4>服务承诺</h4>
					</div>
					<div class="row-con-bottom">
						<p>“巨桃游娱”承诺为每一位客户配备客服、编剧、导演、制片、剪辑各一名，全程时刻在线根据客户的所有需求提供多对一的管家式服务，解决你在拍摄过程中存在的各种问题，只为打造更好的你！</p>
					</div>
				</div>
				<div class="row-con">
					<div class="row-con-top">
						<img th:src="@{/static/m/img/index-box-icon-8.png}"/>
						<h4>团队承诺</h4>
					</div>
					<div class="row-con-bottom">
						<p>“巨桃游娱”严格把控拍摄团队标准，要求拍摄团队必须是具备多年从业经验的专业人士，为每位客户保驾护航！</p>
					</div>
				</div>
  			</div>
  		</div>
  		
  		
  	</div>
	  	



</div>

<div th:replace="m/foot :: foot"></div>

</body>

<div th:replace="m/foot :: footer('')"></div>
<script type="text/javascript" th:src="@{'/static/m/js/operations.js?v=0.1'}"></script>

<script type="text/javascript">
    $('.head-nav li[data-item="index"]').addClass('on');
</script>
</html>
